.container {
  display: flex;
  padding-top: 10px;
}
.leftOne {
  flex: 1;
}
.leftOneTopOne {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 360px;
  height: 32px;
  background-image: url("../../assets/imgs/test/leftHeaderBig.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.leftOneTopTwo {
  width: 360px;
  height: 126px;
  margin: 15px auto 0;
}
.leftOneBotOne {
  width: 360px;
  height: 80px;
  margin: 6px auto 0;
}
.leftOneBotTwo{
  width: 449px;
  height: 255px;
  margin: 0 auto 0;
}
.leftTwo {
  flex: 1;
}
.leftTwoTopOne {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 449px;
  height: 50px;
  background-image: url("../../assets/imgs/test/leftTwoHeader.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.leftTwoTopTwo {
  width: 449px;
  //height: 172px;
  margin: 18px auto 0;
}
.leftTwoBotOne {
  width: 449px;
  height: auto;
  margin: 10px auto 0;
}
.leftTwoBotTwo {
  width: 449px;
  height: auto;
  margin: 18px auto 0;
}
.mid {
  flex: 1;
}
.midTopOne {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  background-image: url("../../assets/imgs/test/leftTwoHeader.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size:12px;
  font-weight:400;
  color:rgba(255,255,255,1);
}
.midTopTwo {
  width: 449px;
  height: auto;
  margin: 22px auto 0;
}
.midBotOne {
  width: 449px;
  height: 121px;
  margin: 12px auto 0;
}
.midBotTwo {
  width: 449px;
  height: auto;
  margin: 16px auto 0;
}
.rightOne {
  flex: 2;
}
.rightOneTopOne {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size:40px;
  font-weight:bold;
  color:rgba(30,150,253,1);
  line-height:9px;
  background:linear-gradient(0deg,rgba(65,195,245,1) 0%, rgba(207,231,255,1) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  //margin-top: 60px;
}
.rightOneBottom {
  width: 928px;
  //height: 439px;
  display: flex;
  flex-direction: column;
  margin: 9px auto 0;
  margin-top: 30px;
}
.rightOneBottomC {
  width: 928px;
  height: 23px;
  margin-top: 9px;
  display: flex;
  justify-content: flex-end;
}
.return {
  width: 72px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:12px;
  font-weight:400;
  color:rgba(142,228,254,1);
  background:linear-gradient(0deg,rgba(25,79,129,1) 0%,rgba(23,56,113,1) 100%);
  box-shadow:0px 0px 1px 0px rgba(26,25,50,0.72);
  border-radius:12px;
  transform: translateY(-5px);
}
.rightTwo {
  flex: 1;
}
.rightTwoTopOne{
  /*display: flex;*/
  width: 449px;
  height: 145px;
  margin: 14px auto 0;
  justify-content: space-between;
  /*padding-right: 16px;*/
  //margin-top: 58px;
}
.rightTwoTopOneLeft {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rightTwoTopOneLeftTitle {
  font-weight:400;
  color:rgba(255,255,255,1);
  text-shadow:0px 0px 1px rgba(24,23,49,0.65);
  border-left: 1px solid rgba(35,211,227,1);
  padding-left: 7px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.rightTwoTopOneLeftTop {
  width: 100%;
  height: 60px;
  position: relative;
  background-image: url("../../assets/imgs/second/modalBack.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rightTwoTopOneLeftTopC {
  display: flex;
  width: 150px;
  justify-content: space-between;
}
.rightTwoTopOneLeftTopText {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  top: 1px;
  left: 5px;
}
.rightTwoTopTwo{
  width: 360px;
  height: 121px;
  margin: 0 auto;
}
.rightTwoMid ,.rightTwoMid1{
  display: flex;
  flex-direction: column;
  width: 449px;
  height: auto;
  margin: 14px auto 0;
  justify-content: space-between;
  margin-top: 225px;
}
 .rightTwoMid1{
  display: flex;
  flex-direction: column;
  width: 449px;
  height: auto;
  margin: 14px auto 0;
  justify-content: space-between;
  margin-top: auto;
}

.rightTwoMidN {
  display: flex;
  flex-direction: column;
  width: 449px;
  height: auto;
  margin: 14px auto 0;
  justify-content: space-between;
}
.rightTwoMidDouble {
  display: flex;
  width: 449px;
  justify-content: space-between;
  align-items: center;
}
.rightTwoMidDoubleN {
  display: flex;
  width: 449px;
  height: auto;
  justify-content: space-between;
  align-items: center;
}
.change {
  width: 15px;
  height: 15px;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
